<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>

        function se() {
            var ar=document.getElementsByName("choose");
            var num=0;
           for(var i of ar){

                if(i.checked==true){
                  num++;
                }
           }
           if(num>=ar.length){
               for(var i of ar){
               i.checked=false;
               }
           var b=    document.getElementById("qx").valueOf();
               b=false;
           }
           else{
               for(var i of ar){
                   i.checked=true;
                   var b=    document.getElementById("qx").valueOf();
                   b=true;
               }
           }

        }
       function f() {
           var  ar=document.getElementsByName("choose");
           var num=0;
           for(var i of ar){
             if(i.checked==false){
                 num++;
             }
           }
           if(num>0){
           var b=    document.getElementById("qx");
           b.checked=false;
           }else {
               var b=    document.getElementById("qx");
               b.checked=true;
           }
       }

    </script>

</head>
<body>

    <input type="checkbox" name="choose" value="家庭影院必备" onclick="f()">家庭影院必备<br>
    <input type="checkbox" name="choose" value="显卡" onclick="f()">显卡<br>
    <input type="checkbox" name="choose" value="电视" onclick="f()">电视<br>
    <input type="checkbox" name="choose" value="电脑"  onclick="f()">电脑<br>
    <input type="checkbox" id="qx" value="select" onclick="se()">全选

</body>
</html>